/**
 * @description 轮播图
 */
const bannerDefaultData = {
  version: '001',
  base: {
    arrows: true,
    autoplay: false,
    autoplaySpeed: 5000,
    dotPosition: 'bottom',
    dots: true,
    homeFlag: true,
    otherFlag: false,
  },
  banner_box: {
    classname: '.banner-wrapper',
    default: {
      width: "100%",
      height: "500px",
      margin: "0",
      padding: "0",
    }
  },
  banner_pre: {
    classname: '.banner-wrapper .slick-prev',
    default: {
      width: "24px",
      height: "24px",
      color: "#fff",
      opacity: "0.4",
      background: "transparent",
    },
    hover: {
      opacity: '1'
    }
  },
  banner_pre_icon: {
    classname: '.banner-wrapper .slick-prev::after',
    default: {
      width: "16px",
      height: "16px",
      borderWidth: "2px 0 0 2px"
    }
  },
  banner_next: {
    classname: '.banner-wrapper .slick-next',
    default: {
      width: "24px",
      height: "24px",
      color: "#fff",
      opacity: "0.4",
      background: "transparent",
    },
    hover: {
      opacity: '1'
    }
  },
  banner_next_icon: {
    classname: '.banner-wrapper .slick-next::after',
    default: {
      width: "16px",
      height: "16px",
      borderWidth: "2px 0 0 2px"
    }
  },
  banner_dot_box: {
    classname: '.banner-wrapper.ant-carousel .slick-dots li',
    default: {
      position: "relative",
      display: "inline-block",
      flex: "0 1 auto",
      width: "auto",
      height: "auto",
      "margin": "4px",
      padding: "0"
    }
  },
  banner_dot: {
    classname: '.banner-wrapper.ant-carousel .slick-dots li button',
    default: {
      position: "relative",
      display: "block",
      width: "16px",
      height: "8px",
      padding: "0",
      color: "transparent",
      fontSize: 0,
      background: "#ffffff",
      border: "0",
      borderRadius: "3px",
      opacity: 0.2,
    },
    hover: {
      opacity: "1",
    }
  },
  banner_dot_active: {
    classname: '.banner-wrapper.ant-carousel .slick-dots li.slick-active button',
    default: {
      width: "24px",
      background: "#ffffff",
      opacity: "1",
    }
  },
  banner_img: {
    classname: '.banner-wrapper.ant-carousel .ant-image-img',
    default: {
      height: "500px",
      "object-fit": "cover"
    }
  },
  css: "/* 轮播图样式文件 */"
}

export default bannerDefaultData